<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head></h:head>
<h:body>
	<h:form>

		<p:dataTable id="preciosEspecialidades" var="precioEspecialidad"
			value="#{precioMB.listaPreciosEspecialidades}"
			rowKey="#{precioEspecialidad.idPrecioEspecialidad}"
			selection="#{precioMB.selectedPrecioEspecialidad}">

			<p:column selectionMode="single" />

			<p:column headerText="Especialidad">
            	#{precioEspecialidad.especialidad.nombre}
        	</p:column>

			<p:column headerText="Precio">
            	#{precioEspecialidad.precio}
        	</p:column>

			<f:facet name="footer">
				<p:commandButton id="modificarPrecioEsp"
					value="Modificar Precio Especialidad"
					oncomplete="PF('modificarPrecioEsp').show()" />
			</f:facet>
		</p:dataTable>

		<p:dataList id="preciosEstilos"
			value="#{precioMB.listaPreciosEstilos}" var="precioEstilo">
			<f:facet name="header">Estilos</f:facet>
        	#{precioEstilo}
        	<f:facet name="footer">
				<p:commandButton id="modificarPrecioEst"
					value="Modificar Precio Estilo"
					oncomplete="PF('modificarPrecioEst').show()" />
			</f:facet>
		</p:dataList>

		<p:dialog id="modificarPrecioEsp"
			header="Modificar Precio Especialidad" widgetVar="modificarPrecioEsp"
			resizable="false" width="500" showEffect="clip" modal="true"
			hideEffect="fold">
			<h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5">
				<h:outputLabel for="precio" value="Precio:" style="font-weight:bold" />

				<p:inputText id="precioNuevoEsp"
					value="#{precioMB.precioEspecialidad}" />

				<p:commandButton value="Modificar"
					action="#{precioMB.modificarPrecioEspecialidad}"
					update="preciosEspecialidades"
					oncomplete="PF('modificarPrecioEsp').hide()" />
			</h:panelGrid>
		</p:dialog>

		<p:dialog id="modificarPrecioEst" header="Modificar Precio Estilo"
			widgetVar="modificarPrecioEst" resizable="false" width="500"
			showEffect="clip" modal="true" hideEffect="fold">
			<h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5">
				<h:outputLabel for="precio" value="Precio:" style="font-weight:bold" />

				<p:inputText id="precio" value="#{precioMB.precioEstilo}" />

				<h:outputLabel for="incremento" value="Incremento: "
					style="font-weight:bold" />

				<p:inputText id="incremento" value="#{precioMB.incremento}" />

				<p:commandButton value="Modificar"
					action="#{precioMB.modificarPrecioEstilo}" update="preciosEstilos"
					oncomplete="PF('modificarPrecioEst').hide()" />
			</h:panelGrid>
		</p:dialog>

	</h:form>
</h:body>

</html>